<template>
  <div>
    <!-- 第三步:基本使用 -->
    <input
      placeholder="请输入你的手机号"
      v-model="phone"
      name="phone"
      v-validate="{ required: true, regex: /^1\d{10}$/ }"
      :class="{ invalid: errors.has('phone') }"
    />
    <span class="error-msg">{{ errors.first("phone") }}</span>
  </div>
</template>
<script>
export default {};
</script>
<style lang="">
</style>